body, h1, ul, li, dl, dt, dd{padding: 0; margin: 0; list-style: none;}
a{ text-decoration: none; color: #444; transition:all 0.5s ease;}

.main_bg, .main_bg section article, .sub_bg, .sub_bg section article{width: 1154px; height: 804px; overflow: hidden; position: relative;}

.main_bg{ background: url(/go/images/main_bg.jpg) no-repeat 0 0; background-size: cover;  width:100%; height:auto}
.main_bg h1{ position: absolute; top: 23px; left: 30px;}
.ut_m{ position: absolute; top: 15px; right: 10px; z-index: 2;}
.ut_m a{ display: inline-block; padding: 5px;}
.main_bg .logo{ float: left; width: 470px; height: 804px; position: relative;}
.main_bg .logo .l_img1{ position: absolute; left:190px;  bottom: 36px; z-index: 10;}
.main_bg .logo .l_img2{ position: absolute; left:50px;  bottom: 30px;}
.main_bg .logo .l_img3{ position: absolute; left: 0; top: 70px; z-index: 9;}
.main_bg .logo .l_img4{ position: absolute; left:90px;  bottom: 160px;}

.main_bg .menu{ float: right; width: 600px; margin:115px 0 0 0; height: 200px;}
.main_bg .menu a{ float: left; width: 33.33333%; display: block;}
.main_bg .go_s{ float: right; width: 600px; height: 300px;}
.main_bg .go_s dl, .main_bg .go_s ul{ clear: both;}
.main_bg .go_s dl dt{ float: left; padding: 10px 30px 0 0;}
.main_bg .go_s dl dd{ float: left; position: relative; background: url(/go/images/main_go_s.png) no-repeat 0 0; width: 359px; height: 44px;}
.main_bg .go_s dl dd input{ background: none; border: none; width: 90%; font-size: 0.9em; opacity: 0.5; padding: 15px 0 0 10px;}
.main_bg .go_s dl dd a{ position: absolute; top: 0; right: 0; background: url(/go/images/main_go_b.png) no-repeat center center; width: 44px; height: 44px;}
.main_bg .go_s ul{ padding: 30px 0 0 20px;}
.main_bg .go_s ul li{
  -webkit-animation-name: go_simg;
          animation-name: go_simg;
  -webkit-animation-duration: 1s;
  -webkit-animation-duration: 1s;}

@-webkit-keyframes go_simg {
  from {
    -webkit-transform: translate(-30%, 0);
            transform: translate(-30%, 0); opacity: 0;}
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0); opacity: 10;}

@keyframes go_simg {
  from {
    -webkit-transform: translate(-30%, 0);
            transform: translate(-30%, 0);  opacity: 0;}
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);  opacity: 10;}
    }
}
.main_bg .go_s ul li{ float: left; width: 15%; }
.main_bg .go_s ul li:nth-child(1){animation-delay: 0s; -webkit-animation-delay: 0s;}
.main_bg .go_s ul li:nth-child(2){animation-delay: 0.2s; -webkit-animation-delay: 0.2s;}
.main_bg .go_s ul li:nth-child(3){animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}
.main_bg .go_s ul li:nth-child(4){animation-delay: 0.6s; -webkit-animation-delay: 0.6s;}
.main_bg .go_s ul li:nth-child(5){animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}
.main_bg .go_s ul li:nth-child(6){animation-delay: 1s; -webkit-animation-delay: 1s;}
.main_bg .main_b{ float: right; width: 600px; height: 140px;}
.main_bg .main_b a{ float: left; padding: 0 65px 0 0; display: block;}
.main_bg footer{ font-size: 0.75em; text-align: right; float: right; color: #fff;  padding: 0 40px; opacity: 0.7; text-transform:uppercase;}


.main_bg .ut_m a, .main_bg .menu a, .main_bg .go_s dl dd a{ font-size: 0; line-height: 0; transition:all 0.5s ease;}
.main_bg .menu a:hover img{ margin-left: 10px; transition:all 0.5s ease;}
.main_bg .main_b a:hover { padding: 0 55px 0 10px; transition:all 0.5s ease;}
.main_bg .go_s dl dd input:hover, .main_bg .go_s dl dd input:focus{ opacity: 10; transition:all 0.5s ease;}
.main_bg .go_s dl dd a:hover{ width: 60px; transition:all 0.5s ease;}

.pop{ position:fixed; top: 0; right: -770px; z-index: 7; background: rgba(0, 0, 0, 0.85); width: 770px; height: 100%; transition:all 0.5s ease;}
.pop div{ position: relative;}
.pop div a.x{ position: absolute; top: 10px; right: 13px;}
.pop_quiz div p{ background: url(/go/images/quiz_img.png) no-repeat 0 0; width: 492px; height: 332px; display: block; position: relative; top: 150px; left: 150px; overflow: hidden;}
.pop_quiz div p input{ background: none;  border: none; font-size: 3em; color: #302e2b; position: absolute; width: 65px; text-align: center; padding: 5px 0;}
.pop_quiz div p input.q1{ top: 43px; right: 0px;}
.pop_quiz div p input.q2{ top: 270px; left: 230px;}
.pop_quiz div p input.q3{ top: 270px; left: 305px;}
.pop_quiz div div{ display: block; position: relative; text-align: center; top: 200px;}
.pop_quiz div div .q1, .pop_quiz div div .q2{ position: absolute;}
.pop_quiz div div .q1{ top: -440px; left:110px; }
.pop_quiz div div .q2{ top: -210px; left:110px; }
.main_bg section .pop_menu{ width: 400px; right: -400px; position:fixed;}
.pop_menu ul{ padding: 80px;}
.pop_menu ul li {padding: 13px 0;}
.pop_menu ul li a{ color: #beb19c; text-decoration: none; display: block; padding: 3px 0; transition:all 0.5s ease;}
.pop_menu ul li a.m{ color: #fff; font-size: 1.4em; padding-bottom: 0;}
.pop_menu ul li.b a{ padding: 7px 0;}
.pop_menu ul li a:hover, .pop_menu ul li:hover a.m{ color: #ff7802;}
.pop_menu ul li p{ padding-top: 5px;}

.sub_bg{background: url(/go/images/sub_bg.jpg) no-repeat 0 0;}
.sub_bg h1{ position: absolute; top: 0; left: 0; z-index: 300; margin: 0;}
.sub_bg h1{
  -webkit-animation-name: sub_bg;
          animation-name: sub_bg;
  -webkit-animation-duration: 1s;
  -webkit-animation-duration: 1s;}

@-webkit-keyframes sub_bg {
  from {
    -webkit-transform: translate(-30%, 0);
            transform: translate(-30%, 0); opacity: 0;}
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0); opacity: 10;}

@keyframes sub_bg {
  from {
    -webkit-transform: translate(-30%, 0);
            transform: translate(-30%, 0);  opacity: 0;}
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);  opacity: 10;}
    }
}
.sub_bg .menu{ font-size: 0.9em; position: absolute; top: 3px; right: 140px; z-index: 2;}
.sub_bg .menu a{ display: inline-block; padding: 19px 10px; color: #000; font-weight: bold;}
.sub_bg .menu a:hover, .sub_bg .menu a.on{ color: #e70404; text-decoration: underline;}
.sub_bg .con{height: 720px; padding: 45px 20px 10px 20px; overflow: hidden;}
.sub_bg .con h2{ text-align: center; padding: 30px 0 10px 0; margin: 0;}
.sub_bg footer{font-size: 0.75em; color: #fff; opacity: 0.7; text-transform:uppercase; padding: 8px 0;}
.sub_bg .ut_m{ top: 5px;}
.con_search{ text-align: center; position: relative;}
.con_search div{ display: inline-block; margin: 0 auto; background: url(/go/images/bg_search.png) no-repeat 0 0; width: 463px; height: 58px; position: relative;}
.con_search div input{ text-align: left; font-size: 1.2em; background: none; width: 90%; color: #7a6a54; border: none; padding: 18px 10px;}
.con_search div a{ position: absolute; top: 0; right: 0; padding: 15px; display: inline-block; z-index: 1;}
.con_search div a:hover{ right: 10px;}
.con_search dl{ position: absolute; top: 5px; right: 0; width: 280px; text-align: left; font-size: 0.85em; color: #584d3d;}
.con_search dl dt{ padding-bottom: 5px;}
.con_search dl dd{font-size: 1.1em; white-space:pre-line}
.box_view{ float: right;  width: 780px; height:580px; padding:20px 0 20px 40px; background: #fff; border-radius: 10px; box-shadow: 0 0 5px #c3ab85; position: relative; margin-top: 10px;}
.box_view .bl, .box_view .br{ position: absolute; top: 47%; cursor: pointer;}
.box_view .bl{ left: -10px;}
.box_view .br{ right: -10px;}
.box_view .fl{ float: left;}
.box_view ul{ float: left; width: 450px; padding: 30px 0px 0px 30px; color: #666; line-height: 2em;}
.box_view #goAltvNm{ color: #222; font-size: 2.2em; letter-spacing: -0.05em; padding: 5px 0 10px 0; font-weight: bold;}
.box_view #cls{ display: inline-block; background: #6a5232; color: #fff; border-radius: 100px; padding: 5px 20px 2px 20px; font-size: 0.85em; line-height: 1.4em;}
.box_view #description{ margin-top: 20px; height: 405px;  overflow-y: auto; white-space:pre-line; line-height:1.6em;}

.box_list{ float: left;  width: 270px; padding-top: 100px; text-align: center; position: relative;}
.box_list #goList{ text-align: left; height: 460px; overflow-y: auto; position: relative;}
.box_list #goList ul{ padding: 30px 0;}
.box_list #goList li{ background: url(/go/images/goList_bg.png) no-repeat 0 0; padding: 5px 0 10px 8px; overflow:hidden; transition:all 0.5s ease; letter-spacing: -0.05em; cursor: pointer;}
.box_list #goList li strong {font-size: 0.9em; letter-spacing: 0em; display: inline-block; float: left; width: 80px;}
.box_list #goList li span{ display: block; float: left; width: 140px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.box_list #goList li:hover, .box_list #goList li.active{ background: url(/go/images/goList_bg_on.png) no-repeat 0 0;}
.box_list #goList li.active strong{ color: #fff;}
.box_list #goList li.active span{ font-weight: bold;}
.box_list .golist{position: relative;}
.box_list .golist .gt{ position: absolute; top: 0; left:-9px; z-index: 100;}
.box_list .golist .gb{ position: absolute; bottom: 0; left:-9px; z-index: 100;}
.box_list p{ position: absolute; top: 80px; left:0; z-index: 200; display: inline-block; background: #6a5232; color: #fff; border-radius: 100px; padding: 7px 10px 4px 10px;}
.box_list p *{ vertical-align: middle;}
.box_list p img{ cursor: pointer; margin: -2px 10px 0 10px;}
.box_list2{ padding-top: 80px; width: 290px; margin-left: -10px; line-height: 1.4em;} 
.box_list2 #goList ul{ padding: 3px;}
.box_list2 #goList li{ background: none; padding: 3px 15px; margin:1px 4px; background: #876939; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display: inline-block; border-radius: 3px; box-shadow: 0 0 3px #7a5c36;}
.box_list2 #goList li.active, .box_list2 #goList li:hover{ background: #fff none; color: #444; font-weight: bold;}
.box_list2 #goList{ height: auto;}

.sub_bg form.inner-search-bar{ background: none; border: none; padding: 0; position: static;}
.l_info{ overflow: hidden; padding: 15px 0 0 45px;}
.l_info p{ float: right; width:277px; padding-top: 10px; text-decoration: underline;}
.l_info .bar{ float: left; width: 738px; height: 80px; vertical-align: middle;}
.box_list3{ position: relative; width: 100%; height: 460px;}
.box_list3 .b_left, .box_list3 .b_right{ position: absolute; top: 46%;}
.box_list3 .b_left{ left: 10px;}
.box_list3 .b_right{ right: 10px;}

.ui-widget-content {border:1px solid #666; background:#111;}
.ui-slider-horizontal {height:4px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:7px double #333; background:#fff;}
.ui-slider-horizontal .ui-slider-handle { top:-0.9em;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius:50%;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius:50%;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius:50%;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius:50%;}
.pageBlock {margin:5px 20px 5px 38px; color: #6b5637; font-size: 0.8em; font-weight: bold;}
.pageBlock #pageSlider {display:inline-block; width:90%;}
.pageBlock #pageDisplay {margin-left:30px; text-decoration: underline;}

#itemList {margin-left:30px;}
#itemList div.item {transition:all 0.5s ease; display:inline-block; text-align: center; cursor:pointer; width:160px; margin:5px; border:3px solid #fff; vertical-align: top; border-radius:10px; background: #fff; box-shadow: 0 0 3px #a58c65;}
#itemList div.item.active, #itemList div.item:hover{border:3px solid #6c522b; box-shadow: 0 0 3px #a58c65;}
#itemList div.item .itemProdDd {text-align:center; font-weight: bold; opacity: 0.5; font-size: 0.9em; padding-top: 10px;}
#itemList div.item .itemAltvNm {padding:5px; font-size:1.1em; font-weight: bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#itemList div.item .itemThumb {text-align:center; height:380px;}
#itemList div.item .itemThumb img {width:95%; height:97%;}
.sub_bg .ui-state-default, .sub_bg .ui-widget-content .ui-state-default, .sub_bg .ui-widget-header .ui-state-default{ margin-top:-4px; border:none; background: url(/go/images/slider_icon.png) no-repeat 0 0; width: 23px; height: 23px; }
.sub_bg .ui-slider-horizontal{ height: 5px; background: #dfcfb3; border: 1px solid #aa9375;}

.goPopupLeft{ float: left; width: 250px; padding: 150px 0 0 10px;}

#modalBase {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:11; display:none;}
#goPopup { padding:60px 20px 10px 10px; position:relative;}
#goPopup a.x {position:absolute; top:20px; right:20px;}
#goPopupLeft { vertical-align:top; color: #fff;}
#goPopupLeft li {height:25px; padding:2px 5px; font-size: 0.9em; font-weight: normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#goPopupLeft li strong{ font-size: 0.9em; font-weight: normal; display: inline-block; padding-right: 5px;}
#goPopupCont {float: right; vertical-align:top; width: 780px; height:625px; padding:20px 0 20px 40px; background: #fff; border-radius: 10px; position: relative; margin-top: 10px;}
.tab{ text-align: center; padding: 20px 0 0 0;}
.tab a{ display: inline-block; padding: 7px 15px 5px 15px; border-radius: 3px; box-shadow: 0 0 3px #7a5c36; opacity: 0.8; font-size: 0.9em; background: #876939;  border:1px solid #fff; color:#fff;}
.tab a.on{ background: #fff; opacity: 10; font-weight: bold; color:#444; font-weight: bold;}
.intro{ margin: 20px 20px 0 20px; font-size: 0.9em; line-height: 1.6em; color: #444;}
.intro .c1_1{ background: url(/go/images/intro_img.gif) no-repeat 0 0; padding: 0 0 0 170px;}
.intro .c1_2{ background: url(/go/images/intro_img2.gif) no-repeat 30px 0; padding: 20px 0 100px 330px;}
.intro .c1_2 div{background: #f2ede6; border-radius: 3px; padding: 15px 20px; margin: 30px 0;}
.intro .c1_2 div span{ text-align: right; font-style: italic; display: block;}
.intro strong{ color: #e70404;}
.intro .c2_1 dl{ overflow: hidden; margin: 10px; border-bottom: 1px dotted #f2ede6; padding: 5px 0 20px  0;}
.intro .c2_1 dl dt{ float: left; width: 120px; text-align:center; padding:10px; background: #f2ede6; border-radius: 3px;}
.intro .c2_1 dl dd{ float: right; width: 900px;}
.intro .c2_2{ background: #e70404; display: inline-block; padding: 3px 20px 1px 20px; border-radius: 100px; color: #fff; font-size: 0.9em; margin-left: 5px;}
.intro .tc, .sub_bg .tc{ text-align: center;}
.intro .c4_1{background: #f2ede6; border-radius: 3px; padding: 15px 20px;}
.intro .c4_1 span{ text-align: right; font-style: italic; display: block;}
.smenu{ position: absolute; top: 70px; right: 10px;}
.smenu a{ float: left;}
.con_h{ overflow-y: scroll; text-align: center;}
.con_h p{ text-align: left;}
.con_h2{ text-align: left;}

.sub_bg section article.pop_cut{ right: -1154px; width: 1154px; position:fixed; top: 0; z-index: 410; padding-top: 40px; }
.pop_cut h3{ color: #fff; font-size: 2em; text-align: center; font-weight: normal; padding: 0 0 0 0;}
.pop_cut .cut{ background: #fff; border-radius: 5px; padding: 10px 30px 20px 30px; width: 90%; height:620px; overflow-y: scroll; margin: 0 auto; font-size: 0.9em; line-height: 1.6em; color: #444;}
.pop_cut div a.x{ top: -20px;}
.sub_bg h4, .con_h h3{ background: #6a5232; color: #fff; border-radius: 100px; padding: 5px 20px 3px 20px; display: inline-block; margin: 20px 0 10px 0;}
.pop_cut .cut .ct1{ background: #f2ede6; border-radius: 3px; padding: 15px 20px 0 20px; margin-bottom: 20px;}
.pop_cut .cut .ct1 dd{ padding: 0 0 10px 16px; font-size: 0.9em;}
.pop_cut .cut .ct2{ background: url(/go/images/cut_img.gif) no-repeat right 20px; padding: 0 250px 10px 0;}
.pop_cut .cut .ct3{ background: url(/go/images/cut_img2.gif) no-repeat 0 0; padding: 0 0 0 610px;}
.pop_cut .i{ position: absolute; top: 70px; left: 550px; z-index: 1000;}

.dir_list{ height: 154px; overflow: hidden; padding: 0 30px 0 220px;}
.dir_list ul{ overflow: hidden;}
.dir_list ul li{ float: left; width: 13%; overflow:hidden; text-align: center; background: url(/go/images/dir_line.png) no-repeat 0 25px; position: relative; transition:all 0.5s ease;}
.dir_list ul li:FIRST-CHILD{ background: none;}
.dir_list ul li.open{ width: 48%; text-align: left;}
.dir_list ul li div{ display: none; position: absolute; top: 40px; left: 220px; width: 260px;}
.dir_list ul li.open div{ display: block;  left: 100px;}
.dir_list ul li a.m{ display: inline-block; padding: 20px;}
.dir_list ul li div a{ display: inline-block; padding:3px 7px; font-size: 0.9em;}
.dir_list ul li div a.on, .dir_list ul li div a:hover{ font-weight: bold; color: #e70404; text-decoration: underline;}
.dir_list ul li.open div a.active{ font-weight: bold; text-decoration: underline;}

.box_day *{ vertical-align: middle;}
.box_day p{ text-align:center;  width: 230px; }
.box_day p select{ color: #333; font-weight: normal; font-size: 0.8em; margin-top: -5px; color: #916428;}
.box_day div{background: #fff; border-radius: 5px; padding:5px 15px; box-shadow: 0 0 5px #c3ab85; width: 220px;}
.box_day table{text-align: center; color:#666; font-size: 0.8em; width: 100%;}
.box_day table thead tr th{ text-align: center; color: #916428; padding: 5px 0; border-bottom: 1px solid #cbb38f;}
.box_day table tbody tr td{ text-align: center; padding: 3px 0; border-bottom: 1px solid #f3f3f3; cursor: pointer;}
.box_day table tbody tr:LAST-CHILD td{ border-bottom: none;}
.box_day table tbody tr td span{display: block; padding: 6px 0 4px 0; border-radius: 3px; transition:all 0.5s ease;}
.box_day table tbody tr td.on span{ background: #e70404; color: #fff; }
.box_day table tbody tr td:hover span{ background: #f3f3f3;}

@media screen and (max-width:1153px){
	.main_bg{
		transform:scale(0.8) translate(-6%, -4%);
	}
	.sub_bg{
		transform:scale(0.8) translate(-9%, -4%);
	}
}